; (function () {

    $(function () {

        $.idcode.setCode();

        //登陆方式切换
        $(".main0-3-1").on("click", function () {
            $(".main0-4-1").css("display", "block")
            $(".main0-4-2").css("display", "none")
            $(this).attr("id", "XZ").siblings("div").removeAttr("id")
        })

        $(".main0-3-2").on("click", function () {
            $(".main0-4-1").css("display", "none")
            $(".main0-4-2").css("display", "block")
            $(this).attr("id", "XZ").siblings("div").removeAttr("id")
        })

        //其他账号联合
        $(".main0-5-3 p").on("mouseenter", function () {
            $(this).css("backgroundPosition", "0 0")
        }).on("mouseleave", function () {
            $(this).css("backgroundPosition", "0 -22px")
        })

        $("#registered").on("click", function () {
            window.location = "reg.html"
        })


        $("form").validate({

            submitHandler: function () {           //表单提交验证

                var IsBy = $.idcode.validateCode();          //判断验证码是否输入正确
                if (!IsBy) {
                    layer.msg('验证码错误!');      //这是是弹窗风格插件
                    return false;
                } else {

                    // var formdata = new FormData();          //通过FormData把表单元素提交到后台( Ajax时使用 )
                    // formdata.append("u_name", $('[name=uname]').val())   //用append方法逐渐添加 键值
                    // formdata.append("u_pwd", $('[name=upwd]').val())

                    // console.log($("form").serialize())

                    $.ajax({
                        url: "./api/login",
                        // data: formdata,
                        data: $("form").serialize(), //自动把键和值转成所需要的   //提取的数据是表单默认的 uname=?
                        type: "post",
                        // processData: false,         //不进行内容转移
                        // contentType: false,
                    }).done(function (res) {       //res为前面设置的时候的数据
                        // console.log(res)
                        // //把数据保存到本地 cookie localStorage
                        // localStorage 他用于存储,能存储5M,永久保存 只能保存字符串
                        if (res.status == 1) {
                            //把当前登陆成功的用户名,ID,头像等等存到 localStorage里面去
                            localStorage.setItem("users",JSON.stringify(res.data))
                        }else{
                            layer.msg(res.msg)
                            layer.alert("账号或者密码错误");
                            return false;
                        }



                        //弹窗风格来跳转
                        layer.alert("登陆成功", {
                            icon: 1,
                            time: 1000,                        //1秒后关闭
                        })

                        setTimeout(() => {
                            window.location = "index.html"
                        }, 1000)

                    })



                    //获取表单的内容
                    // var obj = {
                    //     uname: $("[name='uname']").val(),
                    //     upwd: $("[name='upwd']").val()
                    // }


                    // // 读取cookie的内容,把字符串转数组
                    // var userList = JSON.parse($.cookie("users") || '[]');

                    // // 遍历数组,判断账号和密码是否正确 
                    // var flag = userList.some((el) => {
                    //     return el.uname == obj.uname&&el.upwd == obj.upwd;
                    // })

                    // if (!flag == true) {
                    //     layer.alert("账号或者密码错误");
                    //     return;
                    // }



                    return false;
                }

            }


        })












    })
})()